<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,maximum-scale=1.0" />
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/public.js" type="text/javascript" charset="utf-8"></script>
    <title>领优惠券</title>
</head>
<body>
	<div id="receive">
		<div class="showCoupon">
			<div class="couponList">
				<img class="bg" src="images/bg_youhuijuan@2x.png"/>
				<div class="listCon">
					<div class="priceCon">
						<span class="listPrice">￥<i class="price">5</i>店铺优惠券</span>
						<span class="use">满<span class="num">100</span>元使用</span>
					</div>
					<div class="listTime"><i class="icon"></i>有效期<span class="term">2018.09.20-12.31</span></div>
					<span class="receive">立即领取</span>
				</div>
			</div>
			<div class="couponList">
				<img class="bg" src="images/bg_youhuijuan@2x.png"/>
				<div class="listCon">
					<div class="priceCon">
						<span class="listPrice">￥<i class="price">10</i>店铺优惠券</span>
						<span class="use">满<span class="num">100</span>元使用</span>
					</div>
					<div class="listTime"><i class="icon"></i>有效期<span class="term">2018.09.20-12.31</span></div>
					<span class="receive">立即领取</span>
				</div>
			</div>
			<div class="couponList">
				<img class="bg" src="images/bg_youhuijuan@2x.png"/>
				<div class="listCon">
					<div class="priceCon">
						<span class="listPrice">￥<i class="price">20</i>店铺优惠券</span>
						<span class="use">满<span class="num">100</span>元使用</span>
					</div>
					<div class="listTime"><i class="icon"></i>有效期<span class="term">2018.09.20-12.31</span></div>
					<span class="receive">立即领取</span>
				</div>
			</div>
			<div class="couponList">
				<img class="bg" src="images/bg_youhuijuan@2x.png"/>
				<div class="listCon">
					<div class="priceCon">
						<span class="listPrice">￥<i class="price">30</i>店铺优惠券</span>
						<span class="use">满<span class="num">100</span>元使用</span>
					</div>
					<div class="listTime"><i class="icon"></i>有效期<span class="term">2018.09.20-12.31</span></div>
					<span class="receive">立即领取</span>
				</div>
			</div>
		</div>
		<a href="javascript:void(0);" class="complete">完成</a>
		<div class="noneCoupon">
			<img class="icon" src="images/image1@2x.png"/>
			<span class="name">没有优惠券</span>
		</div>
		
	</div>
<script type="text/javascript">
	var list=$('.showCoupon').children().length
	if (list <= 0) {
		$('.noneCoupon').show()
		$('.complete').hide()
		$('.showCoupon').hide()
	} else{
		$('.noneCoupon').hide()
		$('.complete').show()
		$('.showCoupon').show()
	}
</script>
</body>
</html>
